/*
 * @Description: 清单列表的头
 * @Author: Zzt
 * @Date: 2022-08-17 09:58:45
 * @LastEditTime: 2022-08-17 17:55:37
 */
import { Button, Space, Divider } from 'antd';
import { useBackupListContext } from '../contexts/BackupListContext';

const PageOperate = () => {
  const { delBackup, delId, manual } = useBackupListContext();
  return (
    <div className="filter-container">
      <p className="page-title">计划名称{}下的清单列表</p>
      <Space>
        <Button
          onClick={() => {
            delBackup(delId);
          }}
        >
          删除备份
        </Button>
        <Button
          onClick={() => {
            manual();
          }}
        >
          手动备份
        </Button>
        <Divider type="vertical" />
        <Button>筛选</Button>
      </Space>
    </div>
  );
};
export default PageOperate;
